<template>
	<view class="content">
		<view class="infoBox">
			<view class="infoTit row">
				<view class="fill">电子发票</view>
				<view class="status red">开票失败<uni-icons type="help" size="16" color="#F8534B"></uni-icons></view>
				<!-- <view class="status">已开票</view> -->
				<!-- <view class="status blue">开票中</view> -->
			</view>
			<view class="infoCen">
				<view class="li row">
					<view class="tit">发票抬头</view>
					<view class="txt fill">徐嘉怡</view>
				</view>
				<view class="li row">
					<view class="tit">发票金额</view>
					<view class="txt fill">2600.00元</view>
				</view>
				<view class="li row">
					<view class="tit">申请时间</view>
					<view class="txt fill">2022-04-09 16:45</view>
				</view>
			</view>
			<view>
				<uni-list>
				    <uni-list-item title="账单详情" link to="billDetail"></uni-list-item>
				</uni-list>
			</view>
		</view>
		<view class="infoBox">
			<view class="title">接收方式</view>
			<view class="infoCen infoBtmCen">
				<view class="li row">
					<view class="tit">邮箱</view>
					<view class="txt fill">123456857@qq.com</view>
				</view>
			</view>
		</view>
		<!-- <button class="btn-primary">重新申请</button> -->
		<button class="btn-primary">下载发票</button>
	</view>
</template>

<script setup lang="ts">
	
	
</script>

<style lang="scss" scoped>
.content{
	padding-top: 16rpx;
	.infoBox{
		.infoTit{
			height: 88rpx;
			line-height: 88rpx;
			padding: 12rpx 32rpx;
			border-bottom: 2rpx solid #f5f5f5;
		}
		.infoCen{
			background: #fff;
			padding: 32rpx;
			.li{
				.tit{
					width: 160rpx;
					margin-right: 20rpx;
					color: rgba(0, 0, 0, 1);
				}
				.txt{
					text-align: right;
					color: rgba(0, 0, 0, 1);
				}
			}
		}
		.title{
			padding: 30rpx 32rpx 14rpx;
		}
		.infoBtmCen{
			padding: 28rpx 32rpx 28rpx;
			font-size: 32rpx;
			color: rgba(0, 0, 0, 1);
		}
	}
	.btn-primary{
		margin-top: 540rpx;
		width: 686rpx;
	}
}
</style>
